<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>主页</title>

		<style>
			#top{
				float: right;
				font-size: 12px;
			}
			h2{
				text-align: center;
				color: cadetblue;
			}
			#topic{
				background-color:lightcyan;
				line-height: 60px;
			}
			#t1 {
				margin-left: 70px;
			}
			#t1 tr td{
				width: auto;
				text-align: center;
				font-size: 14px;
				font-weight: bold;
				margin: 5px 9px;
			}
		
			h1{
				text-align: center;
				color: cornflowerblue;
				font-weight: bold;
			}
			#t2{
				border-collapse: collapse;
			}
			#t2 td{
				font-size: 12px;
				width:110px;
				height: 30px;
				border: 1px solid darkgray;
				margin: 0;
				
			}
			a:link {
			 color: #000000;
			 TEXT-DECORATION: none
			}
			a:visited {
			 COLOR: #000000;
			 TEXT-DECORATION: none
			}
			a:hover {
			 COLOR: #ff7f24;
			 text-decoration: none;
			}
			a:active {
			 COLOR: #ff7f24;  
			 text-decoration: underline;
			}
		</style>
	<jsp:include page="common/common.jsp"></jsp:include>
	</head>
	<body>
	
	<div id="container">
			<div id="top">
				<div id="exit"><a href="bookticket/login.jsp">退出</a></div>
				<div>${sessionScope.phone}</div>
			</div>
			<div style="clear: both;">
				
			</div>
			<div id="topic">
				<h2>中深1607在线订票系统</h2>
			</div>
			
			<div id="menu">
				<table id="t1">
					<tr>
						<td><a href="${pageContext.request.contextPath }/index.jsp ">首页<a></td>
						<td><a href="${pageContext.request.contextPath }/bookticket/recharge.jsp">充值<a></td>
						<td><a href="${pageContext.request.contextPath }/bookticket/rechargeRecorde.jsp">充值记录<a></td>
						<td><a href="${pageContext.request.contextPath }/bookticket/addTicket.jsp">添加门票<a></td>
						<td><a href="${pageContext.request.contextPath }/bookticket/checkTicket.jsp">订购门票<a></td>
						<td><a href="${pageContext.request.contextPath }/bookticket/myOrder.jsp">我的订单<a></td>
						<td><a href="${pageContext.request.contextPath }/bookticket/vip.jsp">会员信息<a></td>
					</tr>
				</table>
			</div>
			
				<h1>用户资料</h1>
				<hr />
				<br />
		<div style="clear: both;" align="center">
			<div id="userToolbarId">
				<a class="easyui-linkbutton" iconCls="icon-add" onclick="add();">增加</a>
				<a class="easyui-linkbutton" iconCls="icon-remove" onclick="deleteByIds();" >删除</a>
				<a class="easyui-linkbutton" iconCls="icon-edit" onclick="update();" >修改</a>
			</div>
			
			<table id="userTableId">
				<thead>
					<tr>
						<th data-options="field:'id',checkbox:true" field="id"></th>
						<th width="150" field="phone" >用户名</th>
						<th width="100" field="password">密码</th>
						<th width="120" field="vipId">会员</th>
						<th width="230" field="residualAmount">总余额</th>
					</tr>
				</thead>
			</table>
		</div>
	</div>
				
	<script type="text/javascript" src="js/crud.js"></script>
	<script type="text/javascript">
		
	$(function(){
		tableId="userTableId";
		title="用户信息表";
		tooleBarId="userToolbarId";
		url="${pageContext.request.contextPath }/user/findAll.do";
		initPage(tableId,url,title,tooleBarId)
	}); 
		
	</script>	
	</body>
</html>
